$(function() {
	//引入头部部分
	var user_phone;
	$("header").load("header_con.html", function() {
		if(sessionStorage.getItem("user_phone")) {
			$(".neck_name").val(sessionStorage.user_phone);
			$(".tel_num").val(sessionStorage.user_phone);
			user_phone = sessionStorage.user_phone;
		} else if(getCookie("user_phone")) {
			$(".neck_name").val(getCookie("user_phone"));
			$(".tel_num").val(getCookie("user_phone"));
			user_phone = getCookie("user_phone");
		}
		//<-----------------------从数据库中获取信息----------------->
		$.ajax({
			type: "post",
			url: "user_info.php",
			async: true,
			dataType:"json",
			data: {
				flag: "select",
				user_phone: user_phone
			},
			success: function(data) {
				// 设置昵称
				$(".neck_name").val(data[0].user_neckname);
				// 设置性别
				if (data[0].user_gender == "男") {
					$(".gender:first-child").prop("checked",true);
				}else{
					$(".gender:last-child").prop("checked",true);
				}
				// 设置生日
				for (var i = 0;i < $(".borth_year > option").length; i++) {
					if ($(".borth_year > option").eq(i).text() == data[0].user_birthday.split("/")[0]) {
						$(".borth_year > option").eq(i).prop("selected", true);
					}
				}
				// 设置月份
				for (var i = 0;i < $(".borth_month > option").length; i++) {
					if ($(".borth_month > option").eq(i).text() == data[0].user_birthday.split("/")[1]) {
						$(".borth_month > option").eq(i).prop("selected", true);
					}
				}
				// 设置日份
				for (var i = 0;i < $(".borth_day > option").length; i++) {
					if ($(".borth_day > option").eq(i).text() == data[0].user_birthday.split("/")[2]) {
						$(".borth_day > option").eq(i).prop("selected", true);
					}
				}
			}
		});
	});
	//引入侧拉列表部分
	$("article").load("article_list.html", function() {
		$(".my_datum_click").css({
			"color": "rgb(229, 89, 25)",
			"textDecoration": "underline"
		})
	});
	//引入尾部的部分
	$("footer").load("footer.html");
	//<-------------------图片预览功能--------------------->
	$("#change_icon").change(function() {
		//		setImageView('change_icon', 'preview_icon');
		preImg('change_icon', 'preview_icon');
	})
	//设置改变头像(头像预览功能)
	/** 
	 * 从 file 域获取 本地图片 url 
	 */
	function getFileUrl(sourceId) {
		var url;
		if(navigator.userAgent.indexOf("MSIE") >= 1) { // IE 
			url = document.getElementById(sourceId).value;
		} else if(navigator.userAgent.indexOf("Firefox") > 0) { // Firefox 
			url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
		} else if(navigator.userAgent.indexOf("Chrome") > 0) { // Chrome 
			url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
		}
		return url;
	}
	/** 
	 * 将本地图片 显示到浏览器上 
	 */
	function preImg(sourceId, targetId) {
		var url = getFileUrl(sourceId);
		var imgPre = document.getElementById(targetId);
		imgPre.src = url;
		//将获得的路径存储在localstorage中
		localStorage.img_src = url;
		$("#preview_icon")[0].src = localStorage.img_src;
	}
	//将头像的取出来使用
	if(localStorage.img_src) {
		$("#preview_icon")[0].src = localStorage.img_src;
	}
	//<----------------------代码备用------------------------------>
	//	function setImageView(obj1, obj2) {
	//		var docObj = document.getElementById(obj1);
	//		var imgObjPreview = document.getElementById(obj2);
	//		var img_src;
	//				if(docObj.files && docObj.files[0]) {
	//					//火狐下，直接设img属性
	//					//imgObjPreview.style.display = 'block';
	//					imgObjPreview.style.width = '50px';
	//					imgObjPreview.style.height = '50px';
	//					//imgObjPreview.src = docObj.files[0].getAsDataURL();
	//					//火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
	//					img_src = window.URL.createObjectURL(docObj.files[0]);
	//					//imgObjPreview.src = img_src;
	//				} else {
	//					//IE下，使用滤镜
	//					docObj.select();
	//					var img_src = document.selection.createRange().text;
	//					var localImagId = document.getElementById("localImag");
	//					//必须设置初始大小
	//					localImagId.style.width = "50px";
	//					localImagId.style.height = "50px";
	//					imgObjPreview.style.display = 'none';
	//					document.selection.empty();
	//				}
	////		 将获得的路径存储在localstorage中
	//		localStorage.img_src = img_src;
	//		$("#preview_icon").attr("src", localStorage.img_src);
	//		return true;
	//	}
	//<----------------------出生日期选择功能---------------------------->
	// 创建节点
	//存储从1970到现在所有的年份
	var borth_years = [];
	for(var i = 1970; i <= new Date().getFullYear(); i++) {
		var option = $('<option value="' + i + '">' + i + '</option>');
		$(".borth_year").prepend(option);
		borth_years.push(i);
	}
	//存储所有的月份
	var borth_months = [];
	for(var i = 1; i <= 12; i++) {
		var option = $('<option value="' + i + '">' + i + '</option>');
		$(".borth_month").append(option);
	}
	// 存储每月的天数
	// 存储天数
	for(var i = 1; i <= 31; i++) {
		var option = $('<option value="' + i + '">' + i + '</option>');
		$(".borth_day").append(option);
	}
	var days = [];
	var days31 = [1, 3, 5, 7, 8, 10, 12];
	var days30 = [4, 6, 9, 11];
	// 判断选中的月份
	$(".borth_month").change(function() {
		days = [];
		// 清空select值
		$(".borth_day").empty();
		var select_month = parseInt($(this).val());
		if(days31.indexOf(select_month) != -1) {
			for(var i = 1; i < 31; i++) {
				days.push(i);
			}
		} else if(days30.indexOf(select_month) != -1) {
			for(var i = 1; i <= 30; i++) {
				days.push(i);
			}
		} else if(select_year) {
			// 是闰年
			for(var i = 1; i <= 29; i++) {
				days.push(i);
			}
		} else {
			//不是闰年
			for(var i = 1; i <= 28; i++) {
				days.push(i);
			}
		}
		for(var i = 1; i <= days.length; i++) {
			var option = $('<option value="' + i + '">' + i + '</option>');
			$(".borth_day").append(option);
		}
	})
	//<-------------------判断选中的年份是不是闰年---------------------->
	var select_year;
	$(".borth_year").change(function() {
		select_year = $(this).val();
		if((select_year % 4 == 0 && select_year % 100 != 0) || select_year % 400 == 0) {
			//是闰年
			select_year = true;
		} else {
			select_year = false;
		}
	})
	// 改变手机的点击事件
	$(".change_phone").click(function() {
		window.location = "bind_phone.html";
	})
	//<--------------------取出数据库中的信息显示------------------------->
	//<--------------------提交按钮的点击事件---------------------->
	$("#submit").click(function() {
		if($(".gender:first-child").prop("checked")) {
			gender = $(".gender:first-child").val();
		} else {
			gender = $(".gender:last-child").val();
		}
		$.ajax({
			type: "post",
			url: "user_info.php",
			async: true,
			data: {
				user_neck_name: $(".neck_name").val(),
				user_gender: gender,
				user_birthday: $(".borth_year").val() + "/" + $(".borth_month").val() + "/" + $(".borth_day").val(),
				user_phone: $(".tel_num").val(),
				flag: "update"
			},
			success: function(data) {
				if(data == "1") {
					alert("修改成功");
				} else {
					alert("修改失败");
				}
				window.location.reload();
			}
		});
	})
})